<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>剁手网</title>
    <link rel="stylesheet" href="./商品.css">
</head>

<body>

    <div class="shortcut" id="top">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>天猫欢迎您!　</li>
                    <li>
                        <a href="#">请登录</a>
                        <a href="#" class="style-red">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="./电商-提交订单.html">我的订单</a></li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">我的天猫</a>
                    </li>
                    <li><a href=""><b></b></a></li>

                    <li class="spacer"></li>
                    <li><a href="#">天猫购会员</a></li>
                    <li class="spacer"></li>
                    <li><a href="#">企业采购</a></li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">关注天猫</a>
                    </li>
                    <li><a href=""><b></b></a></li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">客户服务</a>
                    </li>
                    <li><a href=""><b></b></a></li>

                    <li class="spacer"></li>
                    <li>
                        <a href="#">网站导航</a>
                    </li>
                    <li><a href=""><b></b></a></li>

                </ul>
            </div>
        </div>
    </div>
    <div class="header w">

        <div class="logo">
            <h1><a href="" title="品优购 ">天猫 </a></h1>
        </div>

        <div class="search">
            <input type="text" class="text" placeholder="请输入搜索类容">
            <button class="btn">搜索</button>
        </div>

        <div class="hotwrods">
            <a href="#" class="style-red">优惠购首发</a>
            <a href="#">亿元优惠</a>
            <a href="#">9.9元团购</a>
            <a href="#">美满99减30</a>
            <a href="#">办公用品</a>
            <a href="#">电脑</a>
            <a href="#">通信</a>
        </div>

        <a href="./购物车index.html">
            <div class="shopcar">
                <span class="iconfont" style="color:red;">&#xe60d;</span>　我的购物车<i class="arrow">></i>
                <i class="count1">12</i>
            </div>
        </a>
    </div>

    <div class="shophome">
        <div class="holdset">
            <div class="setshopbox">
                <div class="shop shopnamefasion">
                    <h3>潮流女装店</h3>
                    <div class="ware">
                        <div class="warepic"><img src="./image/好看小白鞋.jpg" alt=""></div>
                        <div class="wareinfo">
                            <p>小白鞋</p><span>￥</span>
                            <p>99.9</p>
                            <div class="count">
                                <button class="reduce">-</button>
                                <div class="num">1</div>
                                <button class="add">+</button>
                                <button class="addcar">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="ware">
                        <div class="warepic"><img src="./image/好看背带裤.jpg" alt=""></div>
                        <div class="wareinfo">
                            <p>背带裤</p><span>￥</span>
                            <p>128</p>
                            <div class="count">
                                <button class="reduce">-</button>
                                <div class="num">1</div>
                                <button class="add">+</button>
                                <button class="addcar">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="ware">
                        <div class="warepic"><img src="./image/气质牛仔套装.jpg" alt=""></div>
                        <div class="wareinfo">
                            <p>气质牛仔套装</p><span>￥</span>
                            <p>238</p>
                            <div class="count">
                                <button class="reduce">-</button>
                                <div class="num">1</div>
                                <button class="add">+</button>
                                <button class="addcar">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="ware">
                        <div class="warepic"><img src="./image/大风衣女.jpg" alt=""></div>
                        <div class="wareinfo">
                            <p>大风衣女</p><span>￥</span>
                            <p>179</p>
                            <div class="count">
                                <button class="reduce">-</button>
                                <div class="num">1</div>
                                <button class="add">+</button>
                                <button class="addcar">加入购物车</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shop shopnameuse">
                    <h3>精品瓷器店</h3>
                    <div class="ware">
                        <div class="warepic"><img src="./image/琉璃碗.jpg" alt=""></div>
                        <div class="wareinfo">
                            <p>琉璃碗</p><span>￥</span>
                            <p>399</p>
                            <div class="count">
                                <button class="reduce">-</button>
                                <div class="num">1</div>
                                <button class="add">+</button>
                                <button class="addcar">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="ware">
                        <div class="warepic"><img src="./image/精品燃气锅.jpg" alt=""></div>
                        <div class="wareinfo">
                            <p>燃气锅</p><span>￥</span>
                            <p>88</p>
                            <div class="count">
                                <button class="reduce">-</button>
                                <div class="num">1</div>
                                <button class="add">+</button>
                                <button class="addcar">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="ware">
                        <div class="warepic"><img src="./image/兔子杯.jpg" alt=""></div>
                        <div class="wareinfo">
                            <p>兔子杯</p><span>￥</span>
                            <p>18</p>
                            <div class="count">
                                <button class="reduce">-</button>
                                <div class="num">1</div>
                                <button class="add">+</button>
                                <button class="addcar">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="ware">
                        <div class="warepic"><img src="./image/星巴克杯.jpg" alt=""></div>
                        <div class="wareinfo">
                            <p>星巴克杯</p><span>￥</span>
                            <p>45</p>
                            <div class="count">
                                <button class="reduce">-</button>
                                <div class="num">1</div>
                                <button class="add">+</button>
                                <button class="addcar">加入购物车</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shop shopnameplay">
                    <h3>好玩店</h3>
                    <div class="ware">
                        <div class="warepic"><img src="./image/恐龙布偶.jpg" alt=""></div>
                        <div class="wareinfo">
                            <p>恐龙布偶</p><span>￥</span>
                            <p>49</p>
                            <div class="count">
                                <button class="reduce">-</button>
                                <div class="num">1</div>
                                <button class="add">+</button>
                                <button class="addcar">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="ware">
                        <div class="warepic"><img src="./image/皮卡丘.jpg" alt=""></div>
                        <div class="wareinfo">
                            <p>皮卡丘</p><span>￥</span>
                            <p>20</p>
                            <div class="count">
                                <button class="reduce">-</button>
                                <div class="num">1</div>
                                <button class="add">+</button>
                                <button class="addcar">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="ware">
                        <div class="warepic"><img src="./image/愤怒的小鸟.jpg" alt=""></div>
                        <div class="wareinfo">
                            <p>愤怒的小鸟</p><span>￥</span>
                            <p>15</p>
                            <div class="count">
                                <button class="reduce">-</button>
                                <div class="num">1</div>
                                <button class="add">+</button>
                                <button class="addcar">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="ware">
                        <div class="warepic"><img src="./image/阿狸.jpg " alt=""></div>
                        <div class="wareinfo">
                            <p>阿狸</p><span>￥</span>
                            <p>17</p>
                            <div class="count">
                                <button class="reduce">-</button>
                                <div class="num">1</div>
                                <button class="add">+</button>
                                <button class="addcar">加入购物车</button>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <script src="./商品.js"></script>
</body>

</html>